import { isMobile } from 'react-device-detect';
import type { IAreaChartSpec } from '../../../../src/index';
// eslint-disable-next-line no-duplicate-imports
import { default as VChart } from '../../../../src/index';

const spec2 = {
  type: 'common',
  series: [
    {
      id: 'mainSeries',
      type: 'bar',
      xField: ['230824151415022', '10001'],
      yField: '10011',
      seriesField: '20001',
      regionId: 'mainRegion',
      data: {
        id: 'mainSeriesData',
        values: [
          {
            10001: '销售额',
            10003: '230828203506192',
            10011: '1323985.6108589172',
            20001: '消费者-销售额',
            230824151415022: '东北1',
            230828203506192: '1323985.6108589172',
            230829150225011: '消费者'
          },
          {
            10001: '销售额',
            10003: '230828203506192',
            10011: '253458.18463516235',
            20001: '公司-销售额',
            230824151415022: '西北',
            230828203506192: '253458.18463516235',
            230829150225011: '公司'
          },
          {
            10001: '销售额',
            10003: '230828203506192',
            10011: '834842.828546524',
            20001: '公司-销售额',
            230824151415022: '东北1',
            230828203506192: '834842.828546524',
            230829150225011: '公司'
          },
          {
            10001: '销售额',
            10003: '230828203506192',
            10011: '458058.10551834106',
            20001: '消费者-销售额',
            230824151415022: '西北',
            230828203506192: '458058.10551834106',
            230829150225011: '消费者'
          },
          {
            10001: '销售额',
            10003: '230828203506192',
            10011: '942432.3721942902',
            20001: '小型企业-销售额',
            230824151415022: '华东',
            230828203506192: '942432.3721942902',
            230829150225011: '小型企业'
          },
          {
            10001: '销售额',
            10003: '230828203506192',
            10011: '422100.9874534607',
            20001: '小型企业-销售额',
            230824151415022: '华北',
            230828203506192: '422100.9874534607',
            230829150225011: '小型企业'
          },
          {
            10001: '销售额',
            10003: '230828203506192',
            10011: '156479.9320793152',
            20001: '小型企业-销售额',
            230824151415022: '西南',
            230828203506192: '156479.9320793152',
            230829150225011: '小型企业'
          },
          {
            10001: '销售额',
            10003: '230828203506192',
            10011: '743813.0075492859',
            20001: '小型企业-销售额',
            230824151415022: '中南',
            230828203506192: '743813.0075492859',
            230829150225011: '小型企业'
          },
          {
            10001: '销售额',
            10003: '230828203506192',
            10011: '677302.8914031982',
            20001: '消费者-销售额',
            230824151415022: '西南',
            230828203506192: '677302.8914031982',
            230829150225011: '消费者'
          },
          {
            10001: '销售额',
            10003: '230828203506192',
            10011: '2057936.7624292374',
            20001: '消费者-销售额',
            230824151415022: '中南',
            230828203506192: '2057936.7624292374',
            230829150225011: '消费者'
          },
          {
            10001: '销售额',
            10003: '230828203506192',
            10011: '1335665.32513237',
            20001: '公司-销售额',
            230824151415022: '中南',
            230828203506192: '1335665.32513237',
            230829150225011: '公司'
          },
          {
            10001: '销售额',
            10003: '230828203506192',
            10011: '1220430.5587997437',
            20001: '消费者-销售额',
            230824151415022: '华北',
            230828203506192: '1220430.5587997437',
            230829150225011: '消费者'
          },
          {
            10001: '销售额',
            10003: '230828203506192',
            10011: '103523.30778121948',
            20001: '小型企业-销售额',
            230824151415022: '西北',
            230828203506192: '103523.30778121948',
            230829150225011: '小型企业'
          },
          {
            10001: '销售额',
            10003: '230828203506192',
            10011: '2287358.2651634216',
            20001: '消费者-销售额',
            230824151415022: '华东',
            230828203506192: '2287358.2651634216',
            230829150225011: '消费者'
          },
          {
            10001: '销售额',
            10003: '230828203506192',
            10011: '469341.68548202515',
            20001: '公司-销售额',
            230824151415022: '西南',
            230828203506192: '469341.68548202515',
            230829150225011: '公司'
          },
          {
            10001: '销售额',
            10003: '230828203506192',
            10011: '1454715.804889679',
            20001: '公司-销售额',
            230824151415022: '华东',
            230828203506192: '1454715.804889679',
            230829150225011: '公司'
          },
          {
            10001: '销售额',
            10003: '230828203506192',
            10011: '804769.4678850174',
            20001: '公司-销售额',
            230824151415022: '华北',
            230828203506192: '804769.4678850174',
            230829150225011: '公司'
          },
          {
            10001: '销售额',
            10003: '230828203506192',
            10011: '522739.03513240814',
            20001: '小型企业-销售额',
            230824151415022: '东北1',
            230828203506192: '522739.03513240814',
            230829150225011: '小型企业'
          }
        ],
        fields: {
          10001: {
            alias: '指标名称 '
          },
          10011: {
            alias: '指标值(主轴) '
          },
          10012: {
            alias: '指标值(次轴) '
          },
          20001: {
            alias: '图例项 ',
            domain: ['消费者-销售额', '公司-销售额', '小型企业-销售额', '消费者-利润', '公司-利润', '小型企业-利润'],
            lockStatisticsByDomain: true
          },
          230824151415022: {
            alias: '地区',
            domain: ['东北1', '华北', '华东', '西北', '西南', '中南'],
            lockStatisticsByDomain: true,
            sortIndex: 0
          },
          230828203506192: {
            alias: '销售额'
          },
          230829142610015: {
            alias: '利润'
          },
          230829150225011: {
            alias: '细分'
          }
        }
      },
      label: {
        visible: true,
        dataFilter: labels => [labels[labels.length - 1]],
        overlap: {
          hideOnHit: false,
          clampForce: true
        },
        style: {
          fontSize: 12,
          fontWeight: 'normal',
          fill: null,
          strokeOpacity: 1
        },
        position: 'inside',
        smartInvert: {
          fillStrategy: 'invertBase',
          strokeStrategy: 'similarBase'
        }
      },
      background: 'rgba(255, 255, 2 55 , 0)',
      bar: {},
      barWidth: '75%',
      seriesMark: 'point',
      invalidType: 'break'
    },
    {
      id: 'subSeries',
      type: 'line',
      xField: '230824151415022',
      yField: '10012',
      seriesField: '20001',
      regionId: 'subRegion',
      data: {
        id: 'subSeriesData',
        values: [
          {
            10001: '利润',
            10003: '230829142610015',
            10012: '121024.26733334363',
            20001: '消费者-利润',
            230824151415022: '东北1',
            230829142610015: '121024.26733334363',
            230829150225011: '消费者'
          },
          {
            10001: '利润',
            10003: '230829142610015',
            10012: '44090.564069509506',
            20001: '公司-利润',
            230824151415022: '西北',
            230829142610015: '44090.564069509506',
            230829150225011: '公司'
          },
          {
            10001: '利润',
            10003: '230829142610015',
            10012: '56978.326416149735',
            20001: '公司-利润',
            230824151415022: '东北1',
            230829142610015: '56978.326416149735',
            230829150225011: '公司'
          },
          {
            10001: '利润',
            10003: '230829142610015',
            10012: '49023.18348328769',
            20001: '消费者-利润',
            230824151415022: '西北',
            230829142610015: '49023.18348328769',
            230829150225011: '消费者'
          },
          {
            10001: '利润',
            10003: '230829142610015',
            10012: '109774.25205981731',
            20001: '小型企业-利润',
            230824151415022: '华东',
            230829142610015: '109774.25205981731',
            230829150225011: '小型企业'
          },
          {
            10001: '利润',
            10003: '230829142610015',
            10012: '72593.22689580917',
            20001: '小型企业-利润',
            230824151415022: '华北',
            230829142610015: '72593.22689580917',
            230829150225011: '小型企业'
          },
          {
            10001: '利润',
            10003: '230829142610015',
            10012: '13248.031875252724',
            20001: '小型企业-利润',
            230824151415022: '西南',
            230829142610015: '13248.031875252724',
            230829150225011: '小型企业'
          },
          {
            10001: '利润',
            10003: '230829142610015',
            10012: '147234.50668483973',
            20001: '小型企业-利润',
            230824151415022: '中南',
            230829142610015: '147234.50668483973',
            230829150225011: '小型企业'
          },
          {
            10001: '利润',
            10003: '230829142610015',
            10012: '54180.67230556905',
            20001: '消费者-利润',
            230824151415022: '西南',
            230829142610015: '54180.67230556905',
            230829150225011: '消费者'
          },
          {
            10001: '利润',
            10003: '230829142610015',
            10012: '325788.7225390896',
            20001: '消费者-利润',
            230824151415022: '中南',
            230829142610015: '325788.7225390896',
            230829150225011: '消费者'
          },
          {
            10001: '利润',
            10003: '230829142610015',
            10012: '197862.08459425718',
            20001: '公司-利润',
            230824151415022: '中南',
            230829142610015: '197862.08459425718',
            230829150225011: '公司'
          },
          {
            10001: '利润',
            10003: '230829142610015',
            10012: '192014.78153175116',
            20001: '消费者-利润',
            230824151415022: '华北',
            230829142610015: '192014.78153175116',
            230829150225011: '消费者'
          },
          {
            10001: '利润',
            10003: '230829142610015',
            10012: '5439.727965354919',
            20001: '小型企业-利润',
            230824151415022: '西北',
            230829142610015: '5439.727965354919',
            230829150225011: '小型企业'
          },
          {
            10001: '利润',
            10003: '230829142610015',
            10012: '311061.0042088777',
            20001: '消费者-利润',
            230824151415022: '华东',
            230829142610015: '311061.0042088777',
            230829150225011: '消费者'
          },
          {
            10001: '利润',
            10003: '230829142610015',
            10012: '30208.023854598403',
            20001: '公司-利润',
            230824151415022: '西南',
            230829142610015: '30208.023854598403',
            230829150225011: '公司'
          },
          {
            10001: '利润',
            10003: '230829142610015',
            10012: '186383.42677396536',
            20001: '公司-利润',
            230824151415022: '华东',
            230829142610015: '186383.42677396536',
            230829150225011: '公司'
          },
          {
            10001: '利润',
            10003: '230829142610015',
            10012: '166445.20906487107',
            20001: '公司-利润',
            230824151415022: '华北',
            230829142610015: '166445.20906487107',
            230829150225011: '公司'
          },
          {
            10001: '利润',
            10003: '230829142610015',
            10012: '64188.91547188163',
            20001: '小型企业-利润',
            230824151415022: '东北1',
            230829142610015: '64188.91547188163',
            230829150225011: '小型企业'
          }
        ],
        fields: {
          10001: {
            alias: '指标名称 '
          },
          10011: {
            alias: '指标值(主轴) '
          },
          10012: {
            alias: '指标值(次轴) '
          },
          20001: {
            alias: '图例项 ',
            domain: ['消费者-销售额', '公司-销售额', '小型企业-销售额', '消费者-利润', '公司-利润', '小型企业-利润'],
            lockStatisticsByDomain: true
          },
          230824151415022: {
            alias: '地区',
            domain: ['东北1', '华北', '华东', '西北', '西南', '中南'],
            lockStatisticsByDomain: true,
            sortIndex: 0
          },
          230828203506192: {
            alias: '销售额'
          },
          230829142610015: {
            alias: '利润'
          },
          230829150225011: {
            alias: '细分'
          }
        }
      },
      label: {
        visible: true,
        //dataFilter: labels => [labels[labels.length - 1]],
        overlap: {
          hideOnHit: false,
          clampForce: true
        },
        style: {
          fontSize: 12,
          fontWeight: 'normal',
          fill: null,
          strokeOpacity: 1
        },
        position: 'inside',
        smartInvert: {
          fillStrategy: 'invertBase',
          strokeStrategy: 'similarBase'
        }
      },
      background: 'rgba(255, 255, 255, 0)',
      bar: {},
      barWidth: '75%',

      seriesMark: 'point',

      invalidType: 'break'
    }
  ],
  padding: 0,
  region: [
    {
      id: 'mainRegion'
    },
    {
      id: 'subRegion'
    }
  ],
  data: [
    {
      id: 'data',
      values: [
        {
          10001: '销售额',
          10003: '230828203506192',
          10011: '1323985.6108589172',
          20001: '消费者-销售额',
          230824151415022: '东北1',
          230828203506192: '1323985.6108589172',
          230829150225011: '消费者'
        },
        {
          10001: '销售额',
          10003: '230828203506192',
          10011: '253458.18463516235',
          20001: '公司-销售额',
          230824151415022: '西北',
          230828203506192: '253458.18463516235',
          230829150225011: '公司'
        },
        {
          10001: '销售额',
          10003: '230828203506192',
          10011: '834842.828546524',
          20001: '公司-销售额',
          230824151415022: '东北1',
          230828203506192: '834842.828546524',
          230829150225011: '公司'
        },
        {
          10001: '销售额',
          10003: '230828203506192',
          10011: '458058.10551834106',
          20001: '消费者-销售额',
          230824151415022: '西北',
          230828203506192: '458058.10551834106',
          230829150225011: '消费者'
        },
        {
          10001: '销售额',
          10003: '230828203506192',
          10011: '942432.3721942902',
          20001: '小型企业-销售额',
          230824151415022: '华东',
          230828203506192: '942432.3721942902',
          230829150225011: '小型企业'
        },
        {
          10001: '销售额',
          10003: '230828203506192',
          10011: '422100.9874534607',
          20001: '小型企业-销售额',
          230824151415022: '华北',
          230828203506192: '422100.9874534607',
          230829150225011: '小型企业'
        },
        {
          10001: '销售额',
          10003: '230828203506192',
          10011: '156479.9320793152',
          20001: '小型企业-销售额',
          230824151415022: '西南',
          230828203506192: '156479.9320793152',
          230829150225011: '小型企业'
        },
        {
          10001: '销售额',
          10003: '230828203506192',
          10011: '743813.0075492859',
          20001: '小型企业-销售额',
          230824151415022: '中南',
          230828203506192: '743813.0075492859',
          230829150225011: '小型企业'
        },
        {
          10001: '销售额',
          10003: '230828203506192',
          10011: '677302.8914031982',
          20001: '消费者-销售额',
          230824151415022: '西南',
          230828203506192: '677302.8914031982',
          230829150225011: '消费者'
        },
        {
          10001: '销售额',
          10003: '230828203506192',
          10011: '2057936.7624292374',
          20001: '消费者-销售额',
          230824151415022: '中南',
          230828203506192: '2057936.7624292374',
          230829150225011: '消费者'
        },
        {
          10001: '销售额',
          10003: '230828203506192',
          10011: '1335665.32513237',
          20001: '公司-销售额',
          230824151415022: '中南',
          230828203506192: '1335665.32513237',
          230829150225011: '公司'
        },
        {
          10001: '销售额',
          10003: '230828203506192',
          10011: '1220430.5587997437',
          20001: '消费者-销售额',
          230824151415022: '华北',
          230828203506192: '1220430.5587997437',
          230829150225011: '消费者'
        },
        {
          10001: '销售额',
          10003: '230828203506192',
          10011: '103523.30778121948',
          20001: '小型企业-销售额',
          230824151415022: '西北',
          230828203506192: '103523.30778121948',
          230829150225011: '小型企业'
        },
        {
          10001: '销售额',
          10003: '230828203506192',
          10011: '2287358.2651634216',
          20001: '消费者-销售额',
          230824151415022: '华东',
          230828203506192: '2287358.2651634216',
          230829150225011: '消费者'
        },
        {
          10001: '销售额',
          10003: '230828203506192',
          10011: '469341.68548202515',
          20001: '公司-销售额',
          230824151415022: '西南',
          230828203506192: '469341.68548202515',
          230829150225011: '公司'
        },
        {
          10001: '销售额',
          10003: '230828203506192',
          10011: '1454715.804889679',
          20001: '公司-销售额',
          230824151415022: '华东',
          230828203506192: '1454715.804889679',
          230829150225011: '公司'
        },
        {
          10001: '销售额',
          10003: '230828203506192',
          10011: '804769.4678850174',
          20001: '公司-销售额',
          230824151415022: '华北',
          230828203506192: '804769.4678850174',
          230829150225011: '公司'
        },
        {
          10001: '销售额',
          10003: '230828203506192',
          10011: '522739.03513240814',
          20001: '小型企业-销售额',
          230824151415022: '东北1',
          230828203506192: '522739.03513240814',
          230829150225011: '小型企业'
        },
        {
          10001: '利润',
          10003: '230829142610015',
          10012: '121024.26733334363',
          20001: '消费者-利润',
          230824151415022: '东北1',
          230829142610015: '121024.26733334363',
          230829150225011: '消费者'
        },
        {
          10001: '利润',
          10003: '230829142610015',
          10012: '44090.564069509506',
          20001: '公司-利润',
          230824151415022: '西北',
          230829142610015: '44090.564069509506',
          230829150225011: '公司'
        },
        {
          10001: '利润',
          10003: '230829142610015',
          10012: '56978.326416149735',
          20001: '公司-利润',
          230824151415022: '东北1',
          230829142610015: '56978.326416149735',
          230829150225011: '公司'
        },
        {
          10001: '利润',
          10003: '230829142610015',
          10012: '49023.18348328769',
          20001: '消费者-利润',
          230824151415022: '西北',
          230829142610015: '49023.18348328769',
          230829150225011: '消费者'
        },
        {
          10001: '利润',
          10003: '230829142610015',
          10012: '109774.25205981731',
          20001: '小型企业-利润',
          230824151415022: '华东',
          230829142610015: '109774.25205981731',
          230829150225011: '小型企业'
        },
        {
          10001: '利润',
          10003: '230829142610015',
          10012: '72593.22689580917',
          20001: '小型企业-利润',
          230824151415022: '华北',
          230829142610015: '72593.22689580917',
          230829150225011: '小型企业'
        },
        {
          10001: '利润',
          10003: '230829142610015',
          10012: '13248.031875252724',
          20001: '小型企业-利润',
          230824151415022: '西南',
          230829142610015: '13248.031875252724',
          230829150225011: '小型企业'
        },
        {
          10001: '利润',
          10003: '230829142610015',
          10012: '147234.50668483973',
          20001: '小型企业-利润',
          230824151415022: '中南',
          230829142610015: '147234.50668483973',
          230829150225011: '小型企业'
        },
        {
          10001: '利润',
          10003: '230829142610015',
          10012: '54180.67230556905',
          20001: '消费者-利润',
          230824151415022: '西南',
          230829142610015: '54180.67230556905',
          230829150225011: '消费者'
        },
        {
          10001: '利润',
          10003: '230829142610015',
          10012: '325788.7225390896',
          20001: '消费者-利润',
          230824151415022: '中南',
          230829142610015: '325788.7225390896',
          230829150225011: '消费者'
        },
        {
          10001: '利润',
          10003: '230829142610015',
          10012: '197862.08459425718',
          20001: '公司-利润',
          230824151415022: '中南',
          230829142610015: '197862.08459425718',
          230829150225011: '公司'
        },
        {
          10001: '利润',
          10003: '230829142610015',
          10012: '192014.78153175116',
          20001: '消费者-利润',
          230824151415022: '华北',
          230829142610015: '192014.78153175116',
          230829150225011: '消费者'
        },
        {
          10001: '利润',
          10003: '230829142610015',
          10012: '5439.727965354919',
          20001: '小型企业-利润',
          230824151415022: '西北',
          230829142610015: '5439.727965354919',
          230829150225011: '小型企业'
        },
        {
          10001: '利润',
          10003: '230829142610015',
          10012: '311061.0042088777',
          20001: '消费者-利润',
          230824151415022: '华东',
          230829142610015: '311061.0042088777',
          230829150225011: '消费者'
        },
        {
          10001: '利润',
          10003: '230829142610015',
          10012: '30208.023854598403',
          20001: '公司-利润',
          230824151415022: '西南',
          230829142610015: '30208.023854598403',
          230829150225011: '公司'
        },
        {
          10001: '利润',
          10003: '230829142610015',
          10012: '186383.42677396536',
          20001: '公司-利润',
          230824151415022: '华东',
          230829142610015: '186383.42677396536',
          230829150225011: '公司'
        },
        {
          10001: '利润',
          10003: '230829142610015',
          10012: '166445.20906487107',
          20001: '公司-利润',
          230824151415022: '华北',
          230829142610015: '166445.20906487107',
          230829150225011: '公司'
        },
        {
          10001: '利润',
          10003: '230829142610015',
          10012: '64188.91547188163',
          20001: '小型企业-利润',
          230824151415022: '东北1',
          230829142610015: '64188.91547188163',
          230829150225011: '小型企业'
        }
      ],
      fields: {
        10001: {
          alias: '指标名称 '
        },
        10011: {
          alias: '指标值(主轴) '
        },
        10012: {
          alias: '指标值(次轴) '
        },
        20001: {
          alias: '图例项 ',
          domain: ['消费者-销售额', '公司-销售额', '小型企业-销售额', '消费者-利润', '公司-利润', '小型企业-利润'],
          lockStatisticsByDomain: true
        },
        230824151415022: {
          alias: '地区',
          domain: ['东北1', '华北', '华东', '西北', '西南', '中南'],
          lockStatisticsByDomain: true,
          sortIndex: 0
        },
        230828203506192: {
          alias: '销售额'
        },
        230829142610015: {
          alias: '利润'
        },
        230829150225011: {
          alias: '细分'
        }
      }
    }
  ],
  axes: [
    {
      id: 'dimensionAxis',
      type: 'band',
      tick: {
        visible: false
      },
      grid: {
        visible: false,
        style: {
          stroke: '#DADCDD',
          lineWidth: 1,
          lineDash: [4, 2]
        }
      },
      orient: 'bottom',
      visible: true,
      domainLine: {
        visible: true,
        style: {
          lineWidth: 1,
          stroke: '#989999'
        }
      },
      title: {
        visible: false,
        text: '地区',
        style: {
          fontSize: 12,
          fill: '#363839',
          fontWeight: 'normal'
        }
      },
      sampling: false,
      label: {
        visible: true,
        space: 4,
        style: {
          fontSize: 12,
          fill: '#6F6F6F',
          angle: 0,
          fontWeight: 'normal'
        },
        autoHide: true,
        autoHideMethod: 'greedy',
        flush: true
      },
      hover: true,
      background: {
        visible: false,
        state: {
          hover: {
            fillOpacity: 0.08,
            fill: '#141414'
          }
        }
      }
    },
    {
      id: 'measureAxisLeft',
      type: 'linear',
      tick: {
        visible: false,
        style: {
          stroke: 'rgba(255, 255, 255, 0)'
        }
      },
      niceType: 'accurateFirst',
      grid: {
        visible: true,
        style: {
          stroke: '#DADCDD',
          lineWidth: 1,
          lineDash: [4, 2]
        }
      },
      orient: 'left',
      visible: true,
      domainLine: {
        visible: true,
        style: {
          lineWidth: 1,
          stroke: 'rgba(255, 255, 255, 0)'
        }
      },
      title: {
        visible: false,
        text: '销售额',
        style: {
          fontSize: 12,
          fill: '#363839',
          fontWeight: 'normal'
        }
      },
      sampling: false,
      label: {
        visible: true,
        space: 8,
        flush: true,
        style: {
          fontSize: 12,
          fill: '#6F6F6F',
          angle: 0,
          fontWeight: 'normal'
        },
        autoHide: true,
        autoHideMethod: 'greedy'
      },
      hover: true,
      background: {
        visible: true,
        state: {
          hover: {
            fillOpacity: 0.08,
            fill: '#141414'
          }
        }
      },
      zero: true,
      nice: true,
      seriesId: 'mainSeries'
    },
    {
      id: 'measureAxisRight',
      type: 'linear',
      tick: {
        visible: false,
        style: {
          stroke: 'rgba(255, 255, 255, 0)'
        }
      },
      niceType: 'accurateFirst',
      grid: {
        visible: false,
        style: {
          stroke: '#DADCDD',
          lineWidth: 1,
          lineDash: [4, 2]
        }
      },
      orient: 'right',
      visible: true,
      domainLine: {
        visible: true,
        style: {
          lineWidth: 1,
          stroke: 'rgba(255, 255, 255, 0)'
        }
      },
      title: {
        visible: false,
        text: '利润',
        style: {
          fontSize: 12,
          fill: '#363839',
          fontWeight: 'normal'
        }
      },
      sampling: false,
      label: {
        visible: true,
        space: 8,
        flush: true,
        style: {
          fontSize: 12,
          fill: '#6F6F6F',
          angle: 0,
          fontWeight: 'normal'
        },
        autoHide: true,
        autoHideMethod: 'greedy'
      },
      hover: true,
      background: {
        visible: true,
        state: {
          hover: {
            fillOpacity: 0.08,
            fill: '#141414'
          }
        }
      },
      zero: true,
      nice: true,
      seriesId: 'subSeries'
    }
  ],
  seriesField: '20001',
  animation: false,
  hash: 'a0d5837ba4a9d70dbf7051b17607121d'
};

const run = () => {
  // VChart.ThemeManager.setCurrentTheme('dark');
  const cs = new VChart(spec2, {
    dom: document.getElementById('chart') as HTMLElement,
    mode: isMobile ? 'mobile-browser' : 'desktop-browser',
    //theme: 'dark',
    onError: err => {
      console.error(err);
    }
  });
  console.time('renderTime');

  cs.on('tooltipShow', () => {
    console.log('tooltipShow');
  });

  cs.on('tooltipHide', () => {
    console.log('tooltipHide');
  });

  cs.on('tooltipRelease', () => {
    console.log('tooltipRelease');
  });

  cs.renderAsync().then(() => {
    console.timeEnd('renderTime');
  });
  window['vchart'] = cs;
  console.log(cs);
};
run();
